<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

	<p>This is exactly the same tree, but now it uses "client" switch type. Note, that all nodes actually rendered up-front and expand/collapse now do not requre server call</p>
	<h:form>
		<rich:tree switchType="client" style="width:300px" value="#{library.data}" var="item" nodeFace="#{item.type}">
			<rich:treeNode type="artist" iconLeaf="/images/tree/singer.gif" icon="/images/tree/singer.gif">
				<h:outputText value="#{item.name}" />
			</rich:treeNode>
			<rich:treeNode type="album" iconLeaf="/images/tree/disc.gif" icon="/images/tree/disc.gif">
				<h:outputText value="#{item.title}" />
			</rich:treeNode>
			<rich:treeNode type="song" iconLeaf="/images/tree/song.gif" icon="/images/tree/song.gif">
				<h:outputText value="#{item.title}" />
			</rich:treeNode>
		</rich:tree>
	</h:form>


</ui:composition>